<!DOCTYPE html>
<html>

<head lang="en">
	    <!-- metatags -->
    <meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta content="webkit" name="renderer">
	<meta content="YES" name="apple-touch-fullscreen">
	<meta content="telephone=no" name="format-detection">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="-1" http-equiv="Expires">
	<meta content="no-cache" http-equiv="pragram">
	<meta name="screen-orientation" content="portrait">
	<meta name="x5-orientation" content="portrait">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

	<title>号卡办理</title>
	<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="css/LArea.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<!-- <link rel="icon" href="./images/logo_title.png" type="image/x-icon" /> -->
<!-- <link rel="shortcut icon" href="./images/logo_title.png" type="image/x-icon"/> -->
</head>

<body class="index">
	<main class="index_mian">
		<!-- tab切换 -->
		<ul class="index_tab">
			<li class="choice" data-type="0"><span>全部</span></li>
			<li data-type="1"><span>移动</span></li>
			<li data-type="2"><span>联通</span></li>
			<li data-type="3"><span>电信</span></li>
		</ul>
		<!-- 列表 -->
		<ul class="index_list"></ul>
		<script id="index_list" type="text/template">
			{%if(data != ''){%}
					{%for(var i = 0;i < data.length;i++){%}
					<li data-id="{%=data[i].id%}">
						<img src="http://www.9f502.com/{%=data[i].thump%}" alt="">
						<div class="list_cen">
							
							<h3>{%=data[i].name%}</h3>
							<p class="info">{%=data[i].skus%}</p>
							<div class="cen_info">
								
								{%if(data[i].operator == '1'){%}
									<p>运营商:移动</p>
								{%}%}
								{%if(data[i].operator == '2'){%}
									<p>运营商:联通</p>
								{%}%}
								{%if(data[i].operator == '3'){%}
									<p>运营商:电信</p>
								{%}%}

								{%if(data[i].is_owner == '0'){%}
									<p>归属地/号码:可选</p>
								{%}%}
								{%if(data[i].is_owner == '1'){%}
									<p>归属地/号码:不可选</p>
								{%}%}
							</div>
						</div>
						<div class="list_btn">
								{%if(data[i].price == '0.00'){%}
									<span>0元领卡</span>
								{%}%}
								{%if(data[i].price != '0.00'){%}
									<span>存{%=parseInt(data[i].price)%}元领卡</span>
								{%}%}
							
						</div>
					</li>
					{%}%}
			{%}%}
			{%if(data == ''){%}
					<div class="null">
							<img src="./images/null.png" alt="">
							<p>暂无数据~</p>
					</div>
			{%}%}
	</script>

		<div class="extension_btn">推广号卡赚零钱，月租消费全搞定</div>
	</main>
</body>

</html>
<script type="text/javascript" src="./js/layer/mobile/layer.js"></script>
<script type="text/javascript" src="./js/LArea.js"></script>
<script type="text/javascript" src="./js/LAreaData1.js"></script>
<script type="text/javascript" src="./js/LAreaData2.js"></script>
<script type="text/javascript" src="./js/jq.js"></script>
<script type="text/javascript" src="./js/temp.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
<script type="text/javascript" src="./js/preloadjs-NEXT.min.js"></script>
<script type="text/javascript" src="./js/soundjs-next.min.js"></script>
<script type="text/javascript" src="./js/rem.js"></script>


<script type="text/javascript">
	$(function () {
		clw.hk_index();
	})

</script>